{%extends file="user/page/layout.tpl"%}

{%block name="sub-head-static"%}
{%require name="common:static/lib/js/highcharts.js"%}
{%require name="user:static/coupon/coupon.less"%}
{%require name="user:static/coupon/coupon.js"%}
<script>
    P.data('coupon', {%json_encode($data)%});
</script>
{%/block%}

{%block name="right-content"%}
<div class="page-coupon">
    <div class="block record-block">
        <div class="line" style="margin-top:20px;">
            <div class="left">券类型</div>
            <div class="right">
                <ul class="type-tab ttype-tab">
                    <li><a class="active" data-type='0'>全部</a></li>
                    <li><a data-type='102'>活期加息券</a></li>
                    <li><a data-type='103'>活期提额券</a></li>
                </ul>
            </div>
            <div class="clear"></div>
        </div>
        <div class="line" style="margin-top:20px;">
            <div class="left">使用状态</div>
            <div class="right">
                <ul class="type-tab status-tab">
                    <li><a class="active" data-type='0'>未使用</a></li>
                    <li><a data-type='1'>已使用</a></li>
                    <li><a data-type='2'>已过期</a></li>
                </ul>
            </div>
            <div class="clear"></div>
        </div>
        <div class="record-table">
            <hr>
            <hr>
            <table>
                <thead>
                <tr>
                    <td>编号</Td>
                    <td>类别</td>
                    <td>有效期</td>
                    <td width="250">使用规则</td>
                    <td width="60">操作</td>
                </tr>
                </thead>
                <tbody>
                </tbody>
            </table>
        </div>
    </div>
    <div class="block tip-block">
        <h5>温馨提示：</h5>

        <p>1、请在使用期限内，点左侧按键使用优惠券。</p>

        <p>2、活期提额券可以用于提高可购买的活期额度，使用后在不突破最高购买额度的基础上，可增加与提额券等面值的额度。</p>

        <p>3、活期加息券可以用于提高一天的活期收益率，即实际收益为当日收益＋加息券的收益。为了不影响您的收益，请在使用提额券的当日内购买活期产品，在当日内购买的活期份额与之前购买的活期份额将一同享有提高利息后的收益。</p>
    </div>

</div>
{%/block%}